<template>
  <el-drawer
    v-model="showFlag"
    title="事件列表"
    direction="btt"
    size="50%"
    :with-header="false"
  >
    <el-table :data="eventList" style="width: 100%" height="290">
      <el-table-column fixed prop="事件编号" label="事件编号" />
      <el-table-column prop="事件类型" label="事件类型" />
      <el-table-column prop="事件等级" label="事件等级" />
      <el-table-column prop="发生时间" label="发生时间" />
      <el-table-column prop="发生地点" label="发生地点" />
      <el-table-column prop="车牌号" label="车牌号" />
      <el-table-column prop="驾驶员" label="驾驶员" />
      <el-table-column prop="处理状态" label="处理状态" />
    </el-table>
  </el-drawer>
</template>
<script setup>
import { ref } from "vue"
const props = defineProps(["eventList", "queryFlag"])
console.log(props.eventList)
console.log(props.queryFlag)
const showFlag = ref(props.queryFlag)
</script>
<style lang="stylus" scoped>
.el-drawer
  >>>.el-drawer__header
    margin-bottom 10px
    background-color red
</style>
